<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/registry.css">
</head>

<body>
    <header>
        <div class="headerCore">
            <div class="logo">卷皮</div>
            <div class="headerCenter">
                <a href="javascript:;"><span class="iconfont icon-shizhong"></span>10:00点开抢</a>
                <a href="javascript:;"><span class="iconfont icon-shandian"></span>买手砍价</a>
                <a href="javascript:;"><span class="iconfont _jurassic
                    icon-jurassic_toview"></span>验货质检</a>
            </div>

        </div>
    </header>
    <!-- 注册主体内容 -->
    <main class="loginMain">
        <div class="title">
            <span class="hd">新用户注册</span>
            <span class="tips">注册卷皮网，赢积分换好礼！</span>
            <p class="other">已有账号，
                <a href="javascript:;">立即登录</a>
            </p>
        </div>
        <!-- 表单验证外框 -->
        <div class="logcen">
            <div class="logcenLeft">
                <form action="" method="POST">
                    <ul>
                        <li class="error_box">
                            <label class="normal">手机号码：</label>
                            <input type="text" class="normal-input" name="email">
                            <div class="error-box " id="email_warn" warn="请输入11位手机号">
                                <!-- 如果不满足要求就变成红圈白字X -->
                                <strong class="error "></strong>
                                <p class="msg_error">请输入手机号码</p>
                            </div>
                            <span class="otherregister">或 
                                <a href="https://user.juanpi.com/register/email">邮箱注册</a>
                            </span>

                        </li>
                        <li class="set-password error_box">
                            <label class="normal">创建密码：</label>
                            <input type="password" class="normal-input" id="password" name="password">
                            <div class="error-box" id="password_warn" warn="6-16个数字、字母或符号，字母区分大小写"><strong class="error "></strong>
                                <p class="msg_error">请输入密码</p>
                            </div>
                        </li>
                        <li class="error_box">
                            <label class="normal">确认密码：</label>
                            <input type="password" class="normal-input" id="confirm_password" name="confirm_password">
                            <div class="error-box" id="confirm_password_warn" warn="请再次输入密码"><strong class="error "></strong>
                                <p class="msg_error">请输入确认密码 </p>
                            </div>
                        </li>
                        <li id="verify_display">
                            <label class="normal">验证码：</label>
                            <input class="normal-input code-input" type="text" name="code">

                            <input class="phone-verify" type="button" readonly="" value="获取短信验证码">

                        </li>
                        <!-- 立即注册按钮 -->
                        <li>
                            <input type="submit" class="sub " value="立即注册">
                        </li>
                        <!-- 用户协议 -->
                        <li class="chex-d">
                            <div class="chex">
                                <input type="checkbox" class="ck " checked="checked "> 我已阅读并接受
                                <a href="javascript:;">《卷皮用户协议》</a>
                            </div>
                        </li>
                    </ul>
                </form>
            </div>
            <!-- 右边图片 -->
            <div class="loginImg">
                <img src="https://jp.juancdn.com/user/images/login/login-bj-ad01.png?ts=20201022174388-1&sv=1d2c4e4e" alt="">
                <div class="line"></div>
                <div class="third-login">
                    <div class="union-login">
                        <p class="union-title"><span>无需注册，快捷登录</span></p>
                        <div class="third-box">
                            <a href="javascript:;">
                                <span class="iconfont icon-gongzhonghao"></span>
                            </a>
                            <a href="javascript:;"> <span class="iconfont icon-weibo"></span></a>
                            <a href="javascript:;"> <span class="iconfont icon-taobao_"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
    <p class="foot-tips">武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 |
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502000390" target="_blank">鄂公网安备42018502000390号</a> | 食品流通许可证 SP4201991510041888
    </p>
</body>

</html>